<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>数据|收藏家-URL管理工具</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="alternate icon" type="image/png" href="__ASSETS__/i/favicon.png">
  <link rel="stylesheet" href="__ASSETS__/css/amazeui.min.css"/>
  <style>
    .header {
      text-align: center;
    }
    .header h1 {
      font-size: 200%;
      color: #333;
      margin-top: 30px;
    }
    .header p {
      font-size: 14px;
    }
  </style>
</head>
<body>
<!--标题栏-->
<header data-am-widget="header"
        class="am-header am-header-default">
  <div class="am-header-left am-header-nav">
    <a href="/index/index/user" class="">
              <span class="am-header-nav-title">
                首页
              </span>

      <i class="am-header-icon am-icon-home"></i>
    </a>
  </div>

  <h1 class="am-header-title">
    数据|收藏家
  </h1>

  <div class="am-header-right am-header-nav" data-am-offcanvas="{target: '#doc-oc-demo3', effect: 'push'}" >
    <!--<div class="am-dropdown" data-am-dropdown="{boundary: '.am-topbar'}">-->
      <!--<button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm am-dropdown-toggle" data-am-dropdown-toggle>其他 <span class="am-icon-caret-down"></span></button>-->
      <!--<ul class="am-dropdown-content">-->
        <!--<li><a href="#">注册</a></li>-->
        <!--<li><a href="#">随便看看</a></li>-->
      <!--</ul>-->
    <!--</div>-->
    <a href="#right-link" class="">
              <span class="am-header-nav-title" >
                菜单
              </span>
      <i class="am-header-icon am-icon-bars"></i>
    </a>
  </div>
</header>

<!--内容-->
<div class="am-g">
  <div class="am-u-md-8 am-u-sm-centered">
    <hr>
    <!--<div class="am-u-sm-4">-->
      <!--<div class="am-input-group am-input-group-primary">-->
        <!--<input type="text" class="am-form-field">-->
        <!--<span class="am-input-group-btn">-->
        <!--<button class="am-btn am-btn-primary" type="button"><span class="am-icon-search"></span></button>-->
      <!--</span>-->
      <!--</div>-->
    <!--</div>-->
    <div class="am-container">
      <button type="button" class="am-btn am-btn-primary am-btn-sm"
              id="doc-prompt-toggle">新建文件夹</button>
      <button type="button" class="am-btn am-btn-secondary am-btn-sm" id="doc-prompt-toggle-url">新建URL</button>
      <button type="button" class="am-btn am-btn-secondary am-btn-sm yu-seach-btn1" id="yu-seach-btn">搜索URL</button>
      <button type="button" class="am-btn am-btn-secondary am-btn-sm yu-btn-upload" id="yu-btn-upload-id">导入浏览器收藏</button>

    </div>
    <!--导航-->
    <ol class="am-breadcrumb">
      <!--<li><a  class='yu-title' href="#" id='0' >全部分类</a></li>-->
      <!--<li><a href="#">我的资源</a></li>-->
      <!--<li class="am-active">学习</li>-->
    </ol>
    <!---->
    <table class="am-table am-table-hover">
      <!--表头-->
      <thead>
      <!--第一行-->
      <tr>
        <!--第一列-->
        <th>
          <label class="am-checkbox">
            <input type="checkbox" value="" data-am-ucheck> 文件名
          </label>
        </th>
        <!--第二列-->
        <th class="am-text-sm am-text-middle">时间</th>
        <!--第三列-->
        <th class="am-text-sm am-text-middle">操作</th>

      </tr>
      </thead>

      <tbody class="body-data">



      <!--第3行-->
      <!--<tr>
        &lt;!&ndash;第1列&ndash;&gt;
        <td>
          <label class="am-checkbox">
            <input type="checkbox" value="" data-am-ucheck> <i class="am-icon-file-o"> </i> 到底什么是收藏家？
          </label>
        </td>
        &lt;!&ndash;第2列&ndash;&gt;
        <td class="am-text-sm am-text-middle">2018-10-01</td>
        &lt;!&ndash;第3列&ndash;&gt;
        <td class="am-text-sm am-text-middle">
          <a href="##" class=" am-secondary  am-icon-share-alt">&nbsp;share</a>&nbsp;
          <a href="##" class=" am-secondary  am-icon-download">&nbsp;download</a>&nbsp;
          <div class="am-dropdown" data-am-dropdown>
            <a class=" am-dropdown-toggle am-secondary  am-icon-ellipsis-h " data-am-dropdown-toggle>&nbsp;more<span class="am-icon-caret-down"></span></a>
            <ul class="am-dropdown-content">
              &lt;!&ndash;<li class="am-dropdown-header">标题</li>&ndash;&gt;
              <li><a href="#">移动到</a></li>
              <li><a href="#">复制到</a></li>
              <li><a href="#">重命名</a></li>
              <li><a href="#">删除</a></li>
              <li><a href="#">设置共享</a></li>
              &lt;!&ndash;<li class="am-disabled"><a href="#">删除</a></li>&ndash;&gt;
              &lt;!&ndash;<li class="am-divider"></li>&ndash;&gt;
              &lt;!&ndash;<li class="am-active"><a href="#">复制到</a></li>&ndash;&gt;
              &lt;!&ndash;<li><a href="#">天空海阔 要做最坚强的泡沫</a></li>&ndash;&gt;
            </ul>
          </div>
        </td>
      </tr>-->

      </tbody>
    </table>

    <!--<nav data-am-widget="menu" class="am-menu  am-menu-dropdown1"-->
         <!--data-am-menu-collapse-->
    <!--&gt;-->
      <!--<a href="javascript: void(0)" class="am-menu-toggle">-->
        <!--<span class="am-menu-toggle-title">菜单</span>-->
        <!--<i class="am-menu-toggle-icon am-icon-angle-right"></i>-->
      <!--</a>-->

      <!--<ul class="am-menu-nav am-avg-sm-1 am-collapse">-->
        <!--<li class="am-parent">-->
          <!--<a href="##" class="" >移动到</a>-->
        <!--</li>-->
        <!--<li class="am-parent">-->
          <!--<a href="##" class="" >复制到</a>-->
        <!--</li>-->
        <!--<li class="am-parent">-->
          <!--<a href="#c3" class="" >重命名</a>-->
        <!--</li>-->
        <!--<li class="am-parent">-->
          <!--<a href="##" class="" >删除</a>-->
        <!--</li>-->
        <!---->
      <!--</ul>-->

    <!--</nav>-->

    <!--新增类型-->
    <div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">新建文件夹</div>
        <div class="am-modal-bd">
          来来来，起个名字吧
          <input type="text" class="am-modal-prompt-input">
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
      </div>
    </div>

    <!--新增url-->
    <div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt-url">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">新建url</div>
        <!-- 0 -->
        <div class="am-modal-bd">
          来个url(u)
          <input type="text" class="am-modal-prompt-input " id="yu-addurl-data1"><br/>
          <div class="am-btn-group am-btn-group-justify">
            <a class="am-btn am-btn-secondary yu-data-load" role="button" data-am-loading="{loadingText: '加载中...'}">加载数据</a>
            <a class="am-btn am-btn-default yu-data-unload" role="button">取消加载</a>
          </div>
        </div>

        <!-- 1 -->
        <div class="am-modal-bd">
          来来来，起个名字吧(nickname)
          <input type="text" class="am-modal-prompt-input" id="yu-addurl-data2">
        </div>
        <!-- 2 -->
        <div class="am-modal-bd">
          来个注解(desc)
          <textarea type="text" class="am-modal-prompt-input" id="yu-addurl-data3" cols="50" rows="10"></textarea>
          <!--<input type="text" class="am-modal-prompt-input" id="yu-addurl-data3">-->
        </div>
        <!-- 3 -->
        <div class="am-modal-bd">
          来个关键词(key_word)
          <input type="text" class="am-modal-prompt-input" id="yu-addurl-data4">
        </div>

        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
      </div>
    </div>

    <!--URL详情-->
    <div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt-url-detail">
      <div class="am-modal-dialog">

        <article class="am-article">
          <!--<div class="am-article-hd">-->

          <!--</div>-->

          <div class="am-article-bd">
            <!--<h4 class="am-article-title am-text-left" id="url-name">永远的蝴蝶</h4>-->
            <!--<p class="am-article-meta am-text-left" id="url-data">陈启佑（台湾）</p>-->
            <!--<p class="am-article-meta am-text-left" id="url-updatetime">陈启佑（台湾）</p>-->
            <!--<p class="am-article-meta am-text-left" id="url-key-word">陈启佑（台湾）</p>-->
            <h4 class="am-article-lead am-sm-only-text-left" id="url-name">永远的蝴蝶</h4>

          </div>

          <small class="am-text-left" id="url-data">陈启佑（台湾）</small>
          <small class="am-text-left" id="url-updatetime">陈启佑（台湾）</small><br/>
          <small class="am-article-meta am-text-left" id="url-key-word">陈启佑（台湾）</small>
          <p class="am-article-lead am-text-left" id="url-desc">...</p>
          <p class="am-article-lead" id="url-json" style="display:none">...</p>

        </article>

        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>访问</span>
        </div>

        <!--<div class="am-modal-hd am-article-title" id="url-name">Amaze UI</div>-->
        <!--<dd  id="url-desc">-->
        <!--</dd>-->
        <!--<dd  id="url-key-word">-->
        <!--</dd>-->
        <!--<dd  id="url-data">-->
        <!--</dd>-->
        <!--<dd class="am-modal-bd" id="url-updatetime">-->
        <!--</dd>-->
        <!--<dd class="am-modal-bd am-serif" id="url-json" style="display:none"></dd>-->
        <!--<div class="am-modal-bd" id="url-json">-->
        <!--</div>-->

      </div>
    </div>

    <!--url重命名-->
    <div class="am-modal am-modal-prompt" tabindex="-1" id="rename_url">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">重命名-url</div>
        <div class="am-modal-bd">
          来来来，起个名字吧(nickname)
          <input type="text" class="am-modal-prompt-input" id="url-rename-input">
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
      </div>
    </div>

    <!--url改批注-->
    <div class="am-modal am-modal-prompt" tabindex="-1" id="redesc_url">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">修改批注-url</div>
        <div class="am-modal-bd">
          来来来，有啥新领悟？(desc)
          <textarea type="text" class="am-modal-prompt-input" id="url-redesc-input" cols="50" rows="10"></textarea>
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
      </div>
    </div>

    <!--type重命名-->
    <div class="am-modal am-modal-prompt" tabindex="-1" id="rename_type">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">重命名-type</div>
        <div class="am-modal-bd">
          来来来，起个名字吧(nickname)
          <input type="text" class="am-modal-prompt-input" id="type-rename-input">
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
      </div>
    </div>

    <!--移动到弹窗-->
    <div class="am-modal am-modal-prompt" tabindex="-1" id="move_type">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">移动到-type</div>
        <div class="main_page" id="yu-frame1">
          <!--<iframe scrolling="no" id="main" name="main" frameborder="0"  src="/index/userData/usertree3" style="min-height:600px;width:100%;height:100%;"></iframe>-->
        </div>

        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
      </div>
    </div>
      <!--url移动到弹窗-->
      <div class="am-modal am-modal-prompt" tabindex="-1" id="move_url_to_type">
          <div class="am-modal-dialog">
              <div class="am-modal-hd">移动到-type</div>
              <div class="main_page" id="yu-frame2">
                  <!--<iframe scrolling="no" id="main2" name="main" frameborder="0"  src="/index/userData/usertree3" style="min-height:600px;width:100%;height:100%;"></iframe>-->
              </div>

              <div class="am-modal-footer">
                  <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                  <span class="am-modal-btn" data-am-modal-confirm>确定</span>
              </div>
          </div>
      </div>
    <!--提示窗口-->
    <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">温馨提示</div>
        <div  id="yu-tips" class="am-modal-bd">
          Hello world！
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn">确定</span>
        </div>
      </div>
    </div>
    <!--提示窗口,带取消的-->
    <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert2">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">温馨提示</div>
        <div  id="yu-tips2" class="am-modal-bd">
          Hello world！
        </div>
        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
      </div>
    </div>
    <!--分享窗口-->
    <div class="am-modal am-modal-alert" tabindex="-1" id="my-share">
      <div class="am-modal-dialog">
        <div class="am-modal-hd">温馨提示</div>
        <div  id="yu-share" class="am-modal-bd">
          将打开的窗口url链接复制，发送给其他人即可^_^
        </div>
        <p id="url-string"></p>
        <div class="am-modal-footer">
          <span class="am-modal-btn" data-am-modal-cancel>取消</span>
          <span class="am-modal-btn" data-am-modal-confirm>访问</span>
        </div>
      </div>
    </div>
      <!--搜索url-->
      <div class="am-modal am-modal-prompt" tabindex="-1" id="yu-dialog-seach_url">
          <div class="am-modal-dialog">
              <div class="am-modal-hd">搜索url</div>
              <div class="am-modal-bd">
                  输入名字，找url
                  <input type="text" class="am-modal-prompt-input">
              </div>
              <div class="am-modal-footer">
                  <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                  <span class="am-modal-btn" data-am-modal-confirm>确定</span>
              </div>
          </div>
      </div>
    <!---->
    <!-- 侧边栏内容 -->
    <div id="doc-oc-demo3" class="am-offcanvas" >
      <div class="am-offcanvas-bar am-offcanvas-bar-flip" style="background-color: white">
        <div class="am-offcanvas-content" >
          <p>
            我不愿让你一个人 <br/>
            承受这世界的残忍 <br/>
            我不愿眼泪陪你到 永恒 <br/>
          </p>
          <p><a href="/index/index/user" target="_blank">收藏家</a>      </p>
        </div>
      </div>
    </div>
    <div id="socket_tips"></div>
    <input type="file" id="files" style="display: none" onchange="fileImport();">

    {include file="public/footer" /}
  </div>
</div>
<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.min.js"></script>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="__ASSETS__/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__ASSETS__/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="__ASSETS__/js/amazeui.min.js"></script>

<!--tree-->
<!--<link rel="stylesheet" href="__ASSETS__/css/demo.css" type="text/css">-->
<link rel="stylesheet" href="__ASSETS__/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="__ASSETS__/js/jquery.ztree.core.min.js"></script>

<!--<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>-->
<script src="__ASSETS__/js/jquery.cookie.min.js"></script>
<script src="__ASSETS__/js/FileSaver.js"></script>
<script src="__ASSETS__/js/common.js"></script>
<script src="__ASSETS__/js/userdetail.js"></script>
<script src="__ASSETS__/js/socket-test.js"></script>

</body>
</html>
